<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" lang="zh_CN">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <!-- <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
      
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css"/> -->
    <link rel="stylesheet" href="css/materialize.min.css"/>

    <link rel="stylesheet" href="css/comm100.css" />

    <title>Comm100 - 高效在线客服系统解决方案</title>

  </head>
  <body>
    <ul id="user-dropdown" class="dropdown-content">
      <li><a href="#!" th:if="${userName}" th:text="${userName}" th:href="'/user/' + ${userName}">用户主页</a></li>
      <li class="divider"></li>
      <li>
        <form th:action="@{/logout}" method="post">
          <input type="submit" class="btn" value="退出"/>
        </form>
      </li>
    </ul>
    <nav class="top-nav z-depth-2">
      <div class="nav-wrapper white">
        <div class="brand-logo">
          <a href="/" class="logo-link"><img class="logo-img" src="img/Comm100_logo.png" /></a>
          <span class="brand-title">高效在线客服系统</span>
        </div>
        <ul id="nav-mobile" class="right hide-on-med-and-down" style="">
          <li><a href="javascript:;" class="login-button">登录</a></li>
          <li><a href="javascript:;" class="register-button waves-effect waves-light btn">注册</a></li>
          <li><a class="dropdown-button" href="#!" th:if="${userName}" th:text="${userName}"
             th:href="'/user/' + ${userName}" data-activates="user-dropdown">用户名</a></li>
        </ul>
      </div>
    </nav>

    <div class="container main-container row">
      <div class="side-bar col s2">
        <ul class="config-nav-list z-depth-1">
          <li class="config-nav-item active">
            <a href="/user/basic">基本信息</a>
          </li>
          <li class="config-nav-item">
            <a href="/user/service">客服管理</a>
          </li>
          <li class="config-nav-item">
            <a href="/user/imgConfig">自定义</a>
          </li>
          <li class="config-nav-item">
            <a href="/user/report">报告</a>
          </li>
        </ul>
      </div>
      <div class="config-content col s10">
        <div class="siteCode-info col s12">
          <p>您的站点编号：</p>
          <span th:text="${coUser.siteCode}">8位站点编号</span>
        </div>
        <div class="iframecode-info col s12">
          <p class="iframecode-descript"><b>将此行代码粘贴到您的网页</b></p>
          <div class="iframecode-wrap col s7 z-depth-1">
            <a href="javascript:;" class="copy-button" title="点击复制"><i class="iconfont ">&#xe601;</i></a>
            <p class="iframcode-text">&lt;iframe style=&quot;position: fixed; top: 0; width: 100%; height: 100%; z-index: 100; border: none; overflow: hidden;&quot; src=&quot;./ClientView.html&quot;&gt;&lt;/iframe&gt;</p>
          </div>
        </div>
        <div class="serviceurl-info col s12">
          <p class="serviceurl-descript"><b>客服登录入口</b></p>
          <div class="serviceurl-wrap col s7 z-depth-1">
            <a href="javascript:;" class="copy-button" title="点击复制"><i class="iconfont ">&#xe601;</i></a>
            <p class="serviceurl-text">http://comm100.lsu.pw/service/</p>
          </div>
        </div>
      </div>
    </div>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/materialize.min.js"></script>
    <script src="js/comm100.js"></script>
  </body>
</html>